<include file="layout/header" />

<div id="content">

	<section id="widget-grid" class="">
		<!-- START ROW -->

		<div class="row">

			<!-- NEW COL START -->
			<article class="col-sm-12 col-md-12 col-lg-6">

				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget" id="wid-id-1" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-custombutton="false">

					<header>

					</header>

					<!-- widget div-->
					<div>

						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->

						</div>
						<!-- end widget edit box -->

						<!-- widget content -->
						<div class="widget-body no-padding">

							<form class="smart-form">
								<header>
									新增后台菜单
								</header>

								<fieldset>

									<section>
										<label class="label">标题</label>
										<label class="input">
											<input type="text" v-model="menu.title" class="input-sm">
										</label>
										<div class="note">
											用于后台显示的配置标题
										</div>
									</section>

									<section>
										<label class="label">链接</label>
										<label class="input">
											<input type="text" v-model="menu.url">
										</label>
										<div class="note">
											URL函数解析的URL或者外链
										</div>
									</section>

									<section>
										<label class="label">排序</label>
										<label class="input">
											<input type="text" v-model="menu.sort">
										</label>
										<div class="note">
											用于分组显示的顺序
										</div>
									</section>
								</fieldset>

								<fieldset>
									<section>
										<label class="label">上级菜单</label>
										<label class="select">
											<select v-model="menu.pid">
												<option v-for="v in options" v-bind:value="v.id" v-text="v.title"></option>
											</select> <i></i> </label>
											<div class="note">
												所属的上级菜单
											</div>
									</section>
								</fieldset>

								<fieldset>
									<section>
										<label class="label">图标</label>
										<label class="input">
											<input type="text" v-model="menu.icon" class="input-sm">
										</label>
										<div class="note">
											用于显示菜单的图标
										</div>
									</section>
								</fieldset>

								<fieldset>
									<section>
										<label class="label">说明</label>
										<label class="textarea">
											<textarea v-model="menu.tip" rows="3" class="custom-scroll"></textarea>
										</label>
										<div class="note">
											菜单详细说明
										</div>
									</section>
								</fieldset>

								<footer>
									<button type="button" class="btn btn-primary" @click="sub">
										提交
									</button>
									<button type="button" class="btn btn-default" onclick="window.history.back();">
										返回
									</button>
								</footer>
							</form>

						</div>
						<!-- end widget content -->

					</div>
					<!-- end widget div -->

				</div>
				<!-- end widget -->

			</article>
			<!-- END COL -->

		</div>

		<!-- END ROW -->

	</section>

</div>

<include file="layout/footer" />
<script src="__JS__/manage/menu.js"></script>
